class Observer {
    constructor(data) {
        this.walk(data)
    }
    walk(data) {
        if (!data || typeof data !== 'object') return
        // 遍历data对象的所有属性
        Object.keys(data).forEach(key => {
            this.defineReactive(data, key, data[key])
        })
    }
    defineReactive(obj, key, val) {
        const that = this
        let dep = new Dep() // 收集依赖发送通知
        this.walk(val)   // 优化1：实例中data无法深度监听.调用walk经行处理
        Object.defineProperty(obj, key, {
            enumerable: true,
            configurable: true,
            get() {
                Dep.target && dep.addSub(Dep.target)
                //如果这里式return一个data[key]的话，会触发一个死递归
                // 这里当我们创建一个新的vue实例的时候，会创建一个Observer类
                // 外部$data就会引用到这个get方法形成闭包
                return val
            },
            set(newValue) {
                if (newValue === val) return
                val = newValue
                that.walk(newValue)
                dep.nocify()
            }
            //发送通知
        })
    }
}